

<template>
<div>
  <!--      标题-->
  <div class="title">视频配置</div>
  <div style="width: 300px;margin: 0 auto;">
    <x-form :rules="rules" v-model="model"></x-form>
  </div>
  <div style="text-align: center;margin-top: 20px;">
    <j-button type="info" size="large" @click="save">保存</j-button>
  </div>
</div>
</template>
<script setup>
import {onMounted, ref} from "vue";
import tool from "@/utils/tool.js";

const rules = ref([
  {field: 'videoLength', title: '视频焦点',com: 'JInput', value: ''}
])
const model = ref({
  videoLength: ''
})
const save = () => {

}

</script>
<style scoped lang="scss">
.title {
  text-align: center;
  font-weight: bold;
  font-size: 22px;
  background-color: #01aaee;
  color: white;
  height: 40px;
  line-height: 40px;
}
td {
  font-size: 14px;
}
.required {
  color: red;
}
</style>